<template>
  <div class="right-nav">
    <el-form
      :model="form.attrs"
      label-width="80px"
      status-icon
      label-position="top"
      size="large"
    >
      <template v-for="item in form.attrs" :key="item.attr_id">
        <el-form-item
          v-if="item.attr_sel == 'only'"
          :label="item.attr_name"
          prop="attr_vals"
          size="large"
        >
          <el-input v-model="item.attr_value" size="large" />
        </el-form-item>
      </template>
    </el-form>
  </div>
</template>
  
  <script setup>
import { inject } from "vue";
// 数据定义
let form = inject("form1");

// 函数
</script>
  
  <style lang="scss" scoped>
.right-nav {
  max-height: 600px;
  overflow: auto;
  .el-form-item {
    margin: 30px 0;
  }
}
::v-deep .el-form-item__label {
  font-size: 16px !important;
  color: rgb(53, 51, 48);
  margin-bottom: 20px;
}
</style>